<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>

</head>
<body>
	<p id="demo"></p>
	<input type="text" id="btn1">
	<input type="text" id="btn2">
	<input type="button" id="btn" value="计算">


		<script type="text/javascript">
		
		
		// window.onload=function(){
		// 	if(window.Worker){
		// 		alert('支持Worker')
		// 		// let w=new Worker('webWorker.js');
		// 		// alert(w)
		// 	}else{
		// 		alert('不支持Worker')
		// 	}
		// }
		// window.addEventListener('click',function(){
		// 	document.getElementById("demo").innerHTML = "Hello World";
		// 	alert('hhhhhh')
		// })
		var obtn=document.getElementById('btn');
		obtn.onclick=function(){

			let obtn1=document.getElementById('btn1');
			let obtn2=document.getElementById('btn2');
			let n1=parseInt(obtn1.value);
			let n2=parseInt(obtn2.value);
			//1,创建子进程；	
			let w=new Worker('webWorker.js');
			// alert(w)
			//2,传数据，抱在json里
			w.postMessage({n1,n2});
			//6,接受子进程传回的数据
			w.onmessage=function(ev){
				alert(ev.data);
			}
		}
	</script>
</body>
</html>